<style>
.property-list {
  padding: 16px;
  background-color: #f5f5f5;
}

.property-item {
  font-size: 16px;
  color: #333;
  padding: 8px 0;
  word-wrap: break-word; /* 添加自动换行 */
  white-space: normal;   /* 添加自动换行 */
}

.property-item strong { 
  margin-right: 8px;
}
</style>

<mat-list class="property-list">
  <mat-list-item class="property-item"><strong>名称：</strong>{{info?.name}}</mat-list-item>
  <mat-list-item class="property-item"><strong>大小：</strong>{{formatFileSize(info?.size)}}</mat-list-item>
  <mat-list-item class="property-item"><strong>修改时间：</strong>{{info?.modTime | date:'yyyy-MM-dd HH:mm:ss'}}</mat-list-item>
  <mat-list-item class="property-item"><strong>类型：</strong>{{info?.isSymbolicLink==true?'符号链接':(info?.isDir==true?'目录':'文件')}}</mat-list-item>
  <mat-list-item class="property-item"><strong>路径：</strong>{{info?.path}}</mat-list-item>
  <mat-list-item *ngIf="info?.isSymbolicLink==true" class="property-item"><strong>符号链接地址：</strong>{{info?.symbolicLinkPath}}</mat-list-item>
</mat-list>

